<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
    <style type="text/css">
        html {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-group">
            <div class="col-sm-10" style="width: 20%;">
                <!--<input type="text" class="form-control" v-model="q.type" @keyup.enter="query" placeholder="上报类型">-->
                <select class="form-control" placeholder="请选择" v-model="q.type">
                    <option disabled value="">请选择上报类型</option>
                    <option value="jtsg">交通事故</option>
                    <option value="jtyd">交通拥堵</option>
                    <option value="sssh">设施损坏</option>
                </select>
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <select class="form-control" placeholder="请选择" v-model="q.state">
                    <option disabled value="">请选择上报状态</option>
                    <option v-for="state in stateObject.reportState" :value="state.value">{{state.text}}</option>
                </select>
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.address" @keyup.enter="query" placeholder="上报路段">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.userid" @keyup.enter="query" placeholder="上报用户">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;审核</a>
            <a class="btn btn-warning" @click="reset">重置</a>
        </div>

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:70%!important;">
            <div class="form-group">
                <!--文字信息-->
                <div class="form-group" style="width:50% ; float: left;">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报用户</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.userid" placeholder="上报用户" readonly/>
                        </div>
                    </div>
                    <!-- <div class="form-group">
                                 <div class="col-sm-2 control-label">上报人车牌</div>
                                 <div class="col-sm-10">
                                     <input type="text" class="form-control" v-model="appInfo.plateNumber" placeholder="上报人车牌" readonly/>
                                 </div>
                             </div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">联系方式</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.userid" placeholder="联系方式" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">IMEI号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.imei" placeholder="IMEI号" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报类型</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.typeStr" placeholder="上报类型" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.timeStr" placeholder="上报时间" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报地点</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.address" placeholder="上报地点" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报地点</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.street" placeholder="违法地点" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报描述</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.alarmDesc" placeholder="上报描述" readonly/>
                        </div>
                    </div>
                    <!-- <div class="form-group">
                         <div class="col-sm-2 control-label">违法车牌号</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.illegalPlateNumberAll" placeholder="违法车牌号" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">行驶方向</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.direction" placeholder="行驶方向" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">行驶车道</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.lane" placeholder="行驶车道" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">违法类型</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.illegalType" placeholder="违法类型" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">车辆品牌</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.vehicleBrand" placeholder="车辆品牌" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">车辆类型</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.vehicleType" placeholder="车辆类型" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">车辆颜色</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.vehicleColor" placeholder="车辆颜色" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">车辆型号</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.vehicleModel" placeholder="车辆型号" readonly/>
                         </div>
                     </div>
                     <div class="form-group">
                         <div class="col-sm-2 control-label">车主姓名</div>
                         <div class="col-sm-10">
                             <input type="text" class="form-control" v-model="appInfo.illegalOwnerName" placeholder="车主姓名" readonly/>
                         </div>
                     </div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">审核状态</div>
                        <div class="col-sm-10">
                            <select id="shenhezhuangtai" class="form-control" v-model="appInfo.state">
                                <option value="0">未审核</option>
                                <option value="1">初审核通过</option>
                                <option value="2">初审核不通过</option>
                                <option value="3">审核通过</option>
                                <option value="4">审核无效</option>
                                <option value="5">财务已审核</option>
                                <option value="6">红包已发放</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">审核描述</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.remark" placeholder="审核描述"/>
                        </div>
                    </div>
                </div>
                <div class="form-group"  style="width:50% ; float: right;">
                    <div class="form-group" v-if="appInfo.illegalPhoto1 != null && appInfo.illegalPhoto1 != '' ">
                        <div class="col-sm-2 control-label" >违章图片1</div>
                        <div class="col-sm-10" >
                            <a href="#" class="thumbnail">
                                <img :src="appInfo.illegalPhoto1" style="width:300px;height:200px;"
                                     alt="通用的占位符缩略图">
                            </a>
                        </div>
                    </div>
                    <div class="form-group" v-if="appInfo.illegalPhoto2 != null && appInfo.illegalPhoto2 != ''">
                        <div class="col-sm-2 control-label" >违章图片2</div>
                        <div class="col-sm-10">
                            <a href="#" class="thumbnail">
                                <img :src="appInfo.illegalPhoto2" style="width:300px;height:200px;"
                                     alt="通用的占位符缩略图">
                            </a>
                        </div>
                    </div>
                    <div class="form-group" v-if="appInfo.illegalPhoto3 != null && appInfo.illegalPhoto3 != ''">
                        <div class="col-sm-2 control-label" >违章图片3</div>
                        <div class="col-sm-10" >
                            <a href="#" class="thumbnail">
                                <img :src="appInfo.illegalPhoto3" style="width:300px;height:200px;"
                                     alt="通用的占位符缩略图">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer" style="text-align: center">
                <input type="button" class="btn btn-primary"  @click="saveOrUpdate" value="保存"/>
                <input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/appReport/appinfoCheck.js?_${.now?long}"></script>
</body>
</html>